﻿/****************************************************************
 *																*		
 * 						      极资源							*
 *                        www.junphp.com							*
 *       		  努力创建完善、持续更新插件以及模板			*
 * 																*
****************************************************************/
p,ul,li{margin: 0; padding: 0; list-style: none;}
/* 评论框 */
body{background:#fff; padding: 0; margin: 0; font-family: '微软雅黑'; font-size: 13px}
.comment{width: 100%;height: auto;}
.comment .head-face{width: 10%; height: 120px; float: left; text-align: center;}
.comment .head-face img{width: 50px; height: 50px; border-radius: 50%;}
.comment .head-face p{font-size: 12px; font-family: "微软雅黑";}
.comment .content{width: 90%; height: 120px; float: right;}

.cont-box{ width: 100%; height: 80px; border: 1px solid #99cc66; border-top-left-radius: 5px;  border-top-right-radius: 5px; float: left;}
.cont-box .text, #content2{ width: 96.6%; height: 86.9%; border-radius: 5px;   padding: 5px 10px; color: #999; font-family: "微软雅黑"; font-size: 12px; resize:none; border: none;  outline: none; float: left;}

.tools-box{ width: 100%; height: 30px; border: 1px solid #99cc66; margin-top: 5px; border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px; float: left;}
.tools-box .operator-box-btn{ width: 85%; height: 30px; float: left;  }
.tools-box .operator-box-btn .face-icon{display: block; float: left; margin-top:-1px; margin-left: 10px; font-family: "微软雅黑"; font-size: 22px; color: #99cc66;  cursor: pointer;}
.tools-box .operator-box-btn .img-icon{display: block; float: left; margin-top:-11px; margin-left: 10px; font-family: "微软雅黑"; font-size: 33px; font-weight: lighter; color: #99cc66; cursor: pointer;}
.tools-box .submit-btn{ width: 15%; height: 30px; float: right; }

.tools-box .submit-btn input{ width: 100%; height: 100%; font-family: "微软雅黑"; font-size: 14px; color: #fff; cursor: pointer; border: none; outline: none; background-color: #99cc66;}

/* 回复信息 */
#info-show{float: left;  width: 100%; margin-top: 20px;}
#info-show li{ width: 100%; height: auto; padding: 10px 0 20px 0; border-bottom: 1px dashed #c0c0c0; float: left;}
#info-show .head-face{width: 10%;  float: left; text-align: center;}
#info-show .head-face img{width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 0 8px #c0c0c0;}

#info-show .reply-cont{ width: 89%; padding-right: 1%; float: right;}
#info-show .reply-cont  p{ min-height: 20px; line-height: 20px;  font-family: "微软雅黑"; font-size: 14px;}
#info-show .reply-cont .username{ color: #99cc66; margin-bottom: 5px;}
#info-show .reply-cont .comment-body{ color: #999; max-height: auto;}
#info-show .reply-cont .comment-footer{font-size: 12px; color: #c0c0c0; margin-top: 10px;}

/* 导航 */
.header{height: 60px;margin-bottom: 40px;width: 100%;border-bottom:1px solid #dedede }
.header-body{height: 60px; line-height:60px; width: 700px; margin: 0 auto}
.logo{width: 200px; float: left;}
.login_nav{float: right}
.login_nav a{color: #333; font-size: 15px; text-decoration: none}
.login_nav a:hover{text-decoration: underline; color: red}

/* 分页 */
.pageination_align {text-align: center}
.pageination {color: #48576a;font-size: 12px;display: inline-block;user-select: none;}
.pagination_page {padding: 0 4px;border: 1px solid #d1dbe5;border-right: 0;background: #fff;font-size: 13px;min-width: 28px;height: 28px;line-height: 28px;cursor: pointer;box-sizing: border-box;text-align: center;float: left;text-decoration: none;color: #777;}
.pagination_page_right {border-right: 1px solid #d1dbe5;}
.pagination_page:hover {color: #20a0ff;}
.disabled {color: #e4e4e4 !important;background-color: #fff;cursor: not-allowed;}
.pagination_page_active {border-color: #20a0ff;background-color: #20a0ff;color: #fff !important;;cursor: default;}
.pagination_right{border-right: 1px solid #d1dbe5;}